@font-face {
		font-family: 'Gotham-Medium';
		src: url('../fonts/gothammedium.eot');
		src: url('../fonts/gothammedium.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/gothammedium.woff') format('woff'),
				 url('../fonts/gothammedium.ttf') format('truetype'),
				 url('../fonts/gothammedium.svg#gothammedium') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Gotham-Book';
		src: url('../fonts/gothambook.eot');
		src: url('../fonts/gothambook.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/gothambook.woff') format('woff'),
				 url('../fonts/gothambook.ttf') format('truetype'),
				 url('../fonts/gothambook.svg#gothambook') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
    font-family: 'Myriad-Bold';
    src: url('../fonts/myriadwebpro-bold-webfont.eot');
    src: url('../fonts/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-bold-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
		@font-face {
				font-family: 'FelixTitlingMT';
				src: url('../fonts/felixtitlingmt.eot');
				src: url('../fonts/felixtitlingmt.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/felixtitlingmt.woff') format('woff'),
						 url('../fonts/felixtitlingmt.ttf') format('truetype'),
						 url('../fonts/felixtitlingmt.svg#FelixTitlingMT') format('svg');
				font-weight: normal;
				font-style: normal;
		}
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}

a { text-decoration:none; color: #9fa1a4 }
a:hover { text-decoration:underline; }

button, input[type=submit], input[type=reset] { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding:0 10px; margin: 0}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0}
del{text-decoration:line-through}
p{padding:0}


html,body { font: 13px 'Gotham-Book', Arial, sans-serif; background:#fff; height:100%; text-align:center; color:#fff}


h2{color:#fff; font-size:21px; font-weight:700; text-transform:capilization; margin-bottom:10px;}
h4{font-size:18px; color:#ee001c; font-weight:700; padding-bottom:5px;}
h5{font-size:14px; color:#555555; font-weight:700; padding-bottom:5px;}

/********** Detail stylesheet ***********/
#content{min-height:100%; position:relative; text-align:left; background:url(../image/bg.png) repeat-x center top;}
#content.home {background:url(../image/bg-home.png) repeat-x;}
#wrapper{min-height:100%; position:relative; padding:0px 0px 50px; margin-top:0px; line-height:normal;}

/** Contact button stylesheet **/
#contact-button { position:fixed; right:0; top:56%; z-index:9999}
#contact-button a { display:block; width:27px; height:119px; background:url(../image/btnContact.png) no-repeat; text-indent:-9999px}

/** Header stylesheet **/
#header{width:100%; padding-bottom:12px; background:url(../image/top-line.png) repeat-x bottom; overflow:hidden;}
#header #logo a{float:left; width:77px; height:91px; background:url(../image/logo.png) no-repeat; margin-top:20px;}

#header #navbar {font-size:14px; float:right; padding:0px;}
#header #navbar ul {padding:0px; overflow:hidden; background:url(../image/v-line.png) no-repeat left center }
#header #navbar ul li{padding-top:1px; float:left; margin-top:0px; background:url(../image/icon.png) no-repeat}
#header #navbar ul li a{padding:80px 5px 5px; color:#939598; text-transform:uppercase; font-family:'Gotham-Medium'; float:left; text-align:center; display:block; width:113px; height:51px; background-image:url(../image/v-line.png); background-repeat: no-repeat; background-position:right center }
#header #navbar ul li>a:hover, 
#header #navbar ul li.active>a{text-decoration:none; 
background: url(../image/v-line.png), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
background: url(../image/v-line.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
background: url(../image/v-line.png), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: url(../image/v-line.png), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
background: url(../image/v-line.png), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
background: url(../image/v-line.png), linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(231,231,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ background-repeat: no-repeat; background-position:right center}
#header #navbar ul li:nth-child(1){ background-position:47px 35px}
#header #navbar ul li:nth-child(2){ background-position:-74px 35px}
#header #navbar ul li:nth-child(3){ background-position:-202px 35px}
#header #navbar ul li:nth-child(4){ background-position:-326px 35px}
#header #navbar ul li:nth-child(5){ background-position:-448px 35px}
#header #navbar ul li:nth-child(6){ background-position:-561px 35px}
#header #navbar ul li:nth-child(7){ background-position:-691px 35px}


/** Banner stylesheet **/
#banner{overflow:hidden; position:relative; text-align:center; width:791px; margin:0 auto }
#banner-inner{overflow:hidden; position:relative; text-align:center; width:791px; margin:0 auto; height:380px }
#banner #frame { position:absolute; z-index:999; top:0; left:0; background:url(../image/frame.png) no-repeat; height:454px; width:791px; margin-top:20px}
#banner .slider { overflow:hidden; padding:42px 52px 55px 51px; height:354px; width:688px; margin:20px auto 0; }
#banner-inner .inner { overflow:hidden; background:url(../image/frame4.png) no-repeat;  height:366px; width:791px; margin:20px auto 0;position:absolute; top:0 }
#banner-inner .custom {margin-top:50px}
/*#banner img{display:block; width:100%; height:100%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/

/** Body stylesheet **/
#content.home #body {margin-top:20px}
#content.home #body .boxs { margin-top:80px}
#content.home #body .boxs h2{line-height:46px; margin-bottom:0px}
#body{width:960px; margin:0 auto; margin-top:0px; line-height:18px; color:#fff; position:relative}
.home #body {margin-top:20px}
#body p { font-weight:400; letter-spacing:-1px }
#body h2{font-family:'Vijaya'; font-size:42px; font-weight:400; margin-bottom:20px }
#body hr{ border:none; border-top:solid 1px #c8b088; margin-bottom:15px; }
#body .left { float:left; width:501px; color:#fff; font-weight:400; font-size:13px; font-family:'Gotham-Book'; line-height:18px; padding-top:20px }
#body .right { float:right; width:221px; height:180px; color:#fff; font-weight:400; font-size:13px; font-family:'Gotham-Book'; line-height:18px;  }
#body img.frame { background:url(../image/frame2.png) no-repeat center; background-size:100% 100%; padding:12px 12px 28px }

#body .boxs {margin-top:50px; overflow:hidden}
.home #body .boxs {margin-top:70px}
#body .boxs .box { width:233px; line-height:18px; font-size:13px; float:left; }
#body .boxs .box a.btn { background:url(../image/btn.png) no-repeat; display:inline-block; margin-left:-7px; padding:10px 10px; width:96px; max-height:37px; font-size:11px; color:#fff }

/*#body .categories {margin-top:20px; overflow:hidden; height:388px !important; width:959px !important;  }*/
#body .categories.boxs .box { width:212px; padding-left:37px; }
#body .categories.boxs .box:first-child { padding-left:0 }
#body .categories.boxs .box  h2 { border-bottom:solid 1px #c8b088; line-height:normal; margin-bottom:10px; font-family: 'FelixTitlingMT'; font-size:24px }
#body .categories.boxs .box  h2 a{ color:#fff; text-decoration:none}
#body .categories.boxs .box  img.frame{ width:188px; height:162px }
#body .categories.boxs .box  .btn-pdf, #body .categories.boxs .box  .btn-menu{ margin-left:-5px; float:left }
/*
#body .categories ul li { padding:1px 0; line-height:normal }
#body .categories ul li a { background:rgba(255,255,255,0.43); color:#61360d; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; line-height:normal; display:block; width:173px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); font-size:18px; font-family: 'FelixTitlingMT'; }
#body .categories ul li.active a, #body .categories ul li a:hover { background:rgba(255,255,255,1); text-decoration:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#body .categories ul li.active ul { display:block }
#body .categories ul li.active ul li a { background:none; }

#body .categories ul li ul { position:absolute; display:none; top:20px; left:215px; background:rgba(255,255,255,0.53); width:398px; height:350px; padding-top:0px; padding-bottom:25px; overflow-x:hidden; overflow-y:auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#body .categories ul li ul li { width:100%; padding:0 }
#body .categories ul li ul li a { font-size:14px; width:96%; background:none; padding:7px 20px;; margin-left:-10px; display:block; color:#000; font-family:'Myriad-Bold'; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; overflow:hidden; cursor:default }
#body .categories ul li ul li.active a, #body .categories ul li ul li a:hover { background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#body .categories ul li ul li a span.description { float:left }
#body .categories ul li ul li a span.price { float:right; margin-right:10px; }
*/
#body .categories div.frame { background:url(../image/frame3.png) no-repeat; width:368px; height:448px; position:absolute; right:0; top:0px}
#body .categories div.frame div.image { padding:40px 40px 40px 40px; }
#body .categories div.frame div.image img { width:100% }

#body #contact-kome { background:url(../image/contact-kome.png) no-repeat; position:absolute; width:103px; height:103px; margin-top:-70px; margin-left:-50px;}
#body #contact-kome.shadow { background-position:-103px 0}
#body #contact-kome.none { position:relative; margin:0; display:block}

/** Footer stylesheet **/
#footer{position:absolute; bottom:0px; font-size:12px; color:#a3a3a3; width:100%; background:#fff }
#footer .ftcontent{width:741px; margin:0 auto; padding:0 10px}
#footer .ftcontent ul{padding:5px 0px; overflow:hidden}
#footer .ftcontent ul li{padding:0px; float:left;}
#footer .ftcontent ul li a{padding:0px 10px; color:#000; font-size:10px; line-height:18px; font-weight:400; text-transform:uppercase; font-family:'Gotham-Medium' }
#footer .ftcontent ul li:first-child  a{border-left:0; padding-left:0}
#footer .ftcontent #copy{margin-top:5px; float:right}

/** Form stylesheet **/
#userForm{padding:5px 0px; width:517px; overflow:hidden; margin-left:0px; font-size:13px; position:relative; color:#fff;}
#userForm div{ margin-bottom:4px; background:rgba(255,255,255,0.15); border:none; }
#userForm div.bg-none{ background:none }
#userForm span.title{ width:140px; margin-bottom:0px; vertical-align:top; padding-left:5px; line-height:23px; display:inline-block; }
#userForm textarea{background:#fff; height:61px; font-family:Arial; font-size:13px; background:rgba(255,255,255,0.15); width:358px; padding:2px 5px; color:#fff; resize:none ; border:none;}
#userForm input[type=text]{width:358px; height:23px; padding:0px 5px; border:none; font-size:12px; background:rgba(255,255,255,0.15); color:#fff;}
#userForm input[type=submit]{width:96px; line-height:37px; height:37px; margin-right:-10px; border:0; background:url(../image/btnSubmit.png); cursor:pointer; float:right}

/********** Class stylesheet ***********/
.clear{clear:both; visibility:hidden;}
.page-break{page-break-before:always}
.dpn{display:none}
.por{position:relative}
.zi-1{z-index:-1}
.zi0{z-index:0}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);position:relative}
.rounded10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(PIE.htc);position:relative}
.rounded20{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;behavior:url(PIE.htc);position:relative}
.transparent{zoom:1;filter:alpha(opacity=90);opacity:.9}
.transparent50{zoom:1;filter:alpha(opacity=50);opacity:.5}
.normal{zoom:1;filter:alpha(opacity=100);opacity:1}
.cursor{cursor:pointer}
.fl{float:left}
.fr{float:right}
.top{top:0}
.pa0{padding:0}
.pa5{padding:5px}
.pa10{padding:10px}
.pa15{padding:15px}
.pa20{padding:20px}
.pa25{padding:25px}
.pa30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.ph5{padding-left:5px;padding-right:5px}
.ph10{padding-left:10px;padding-right:10px}
.ph15{padding-left:15px;padding-right:15px}
.ph20{padding-left:20px;padding-right:20px}
.ph25{padding-left:25px;padding-right:25px}
.ph25{padding-left:30px;padding-right:30px}
.pv5{padding-top:5px;padding-bottom:5px}
.pv10{padding-top:10px;padding-bottom:10px}
.pv15{padding-top:15px;padding-bottom:15px}
.pv20{padding-top:20px;padding-bottom:20px}
.pv25{padding-top:25px;padding-bottom:25px}
.pv25{padding-top:30px;padding-bottom:30px}
.ma5{margin:5px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.ma25{margin:25px}
.ma30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.ml-10{margin-left:-10px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.mh5{margin-left:5px;margin-right:5px}
.mh10{margin-left:10px;margin-right:10px}
.mh15{margin-left:15px;margin-right:15px}
.mh20{margin-left:20px;margin-right:20px}
.mh25{margin-left:25px;margin-right:25px}
.mh30{margin-left:30px;margin-right:30px}
.mha{margin-left:auto;margin-right:auto}
.mv5{margin-top:5px;margin-bottom:5px}
.mv10{margin-top:10px;margin-bottom:10px}
.mv15{margin-top:15px;margin-bottom:15px}
.mv20{margin-top:20px;margin-bottom:20px}
.mv25{margin-top:25px;margin-bottom:25px}
.mv30{margin-top:30px;margin-bottom:30px}
.fwn{font-weight:400}
.fwb{font-weight:700}
.fsi{font-style:italic}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align:justify}
.ttu{text-transform:uppercase}
.ttc{text-transform:capitalize}
.tdu{text-decoration:underline}
.ti9{text-indent:-9999px}
.tsd{text-shadow:1px 1px 0 #999}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.vat{vertical-align:top}
.dpi{display:inline}
.dpib{display:inline-block}
.poa{position:absolute}
.pof{position:fixed}
.ofh{overflow:hidden}
.ofa{overflow:auto}
.bdn{border:none}
.bd1{border:solid 1px #}
.bd1T{border-top:solid 1px #}
.bd1B{border-bottom:solid 1px #}
.bd1L{border-left:solid 1px #}
.bd1R{border-right:solid 1px #}
.noBd{border:0}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs25{font-size:25px}
.fs30{font-size:30px}
.bgt{background:transparent}
.bg0{background:#000}
.bg1{background:#fff}
.bg2{background:#}
.bg3{background:#}
.cf0{color:#000}
.cf1{color:#fff}
.cf2{color:#}
.cf3{color:#}
.cf4{color:#}
.cf5{color:#}
.cf6{color:#}
.lh18{line-height:18px}
.w960{width:960px; margin:0 auto}
.w761{width:761px; margin:0 auto}
.w677{width:677px;}
.w416{width:416px;}
.lsd{list-style-type:disc}
.lss{list-style-type:square}
.lsa{list-style-type:lower-alpha}
.lsc1{list-style-image:url(../images/lsc1.png); padding-left:15px}
.lsc2{list-style-image:url(../images/lsc2.png); padding-left:15px}
.shadow1{-moz-box-shadow:3px 3px 23px #b8b8b8;-webkit-box-shadow:3px 3px 23px #b8b8b8;box-shadow:3px 3px 23px #b8b8b8; progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=45);}
.shadow2{-moz-box-shadow:3px 3px 23px #5a0000;-webkit-box-shadow:3px 3px 23px #5a0000;box-shadow:3px 3px 23px #5a0000; progid:DXImageTransform.Microsoft.Shadow(color=#5a0000,direction=45);}

/*=====================*/

.caroufredsel_wrapper{height:388px !important}
.formError {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.text-menu{   
	border-bottom: 1px solid #C8B088;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 15px;}

.w416 p a img{visibility:hidden}

.price-list {
    float: left;
    width: 375px;
}

#body .categories .price-list ul { /*position:absolute; display:none;*/ top:10px; left:215px; background:rgba(255,255,255,0.53); width:365px; height:350px; padding-top:0px; padding-bottom:25px; overflow-x:hidden; overflow-y:auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#body .categories .price-list  ul li { width:100%; padding:0 }
#body .categories .price-list  ul li a { width:96%; background:none; padding:7px 20px;; margin-left:-10px; display:block; color:#000; font-family:'Myriad-Bold'; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; overflow:hidden; cursor:default }
#body .categories .price-list  ul li.active a, #body .categories .price-list  ul li a:hover { text-decoration:none; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#body .categories.price-list  ul li a span.description { float:left }
#body .categories .price-list  ul li a .price { float:right; margin-right:10px; }


#body .categories {     height: 440px !important;
    
    overflow: hidden; }
#body .categories.bdn { border-top:none }
#body .categories.boxs .box { width:212px; padding-left:37px; }
#body .categories.boxs .box:first-child { padding-left:0 }
#body .categories.boxs .box  h2{ border-bottom:solid 1px #c8b088; line-height:normal; margin-bottom:10px; font-family: 'FelixTitlingMT'; font-size:24px }
#body .categories.boxs .box  img.frame{ width:188px; height:162px }
#body .categories.boxs .box  .btn-pdf, #body .categories.boxs .box  .btn-menu{ margin-left:-5px; float:left }

#body ul.parent {     float: left;
    line-height: normal;
    margin-right: 20px;
    padding: 1px 0;
    top: 10px; }
#body ul.parent li { padding:1px 0; line-height:normal }
#body ul.parent li a { background:rgba(255,255,255,0.43); color:#61360d; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; line-height:normal; display:block; width:173px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); font-family: 'FelixTitlingMT'; font-size:18px }
#body ul.parent li.active a, #body ul.parent li a:hover { background:rgba(255,255,255,1); text-decoration:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.menu-frame{
 display: inline-block;
    float: right;

    margin-top: -3px;

    position: relative;
}

.menu-frame img{
   margin-right: 33px;
    margin-top: 20px;
}

.price-list{width:398px}
















